body {
    background: url(../others/bg.webp) no-repeat center;
    min-width: 1300px;
    font-family: "Microsoft YaHei", '\5FAE\8F6F\96C5\9ED1';
    height: 6120px;
}

.right_dh{
    width:248px ;
    height: 988px;
    position:fixed;
    right: 0;
    background: url(../others/right-nav.png) no-repeat center/cover; 
     box-sizing: border-box;
    padding: 45px 0 0 27px;
    top: -25px;
    z-index: 99;
    transition: right .3s;
}
.dh_sq{
    width: 40px;
    height: 127px;
    background: url(../others/sprite.png) no-repeat;
    background-position: -908px -673px;
    position: absolute;
    top: 50%;
    left: -13px;
    margin-top: -63px;
    outline: none;
    color: rgba(0, 0, 0, 0);
}
.dh_sq:hover,.dh_sq:focus{
    color: rgba(0, 0, 0, 0);  
}

.right_dh ul{
    list-style: none;
}
.right_dh li{
    text-align: center;
    line-height: 54px;
    position: relative;
}
.right_dh li a{
    width: 100%;
    height: 100%;
    display: block;
    color: #d3a472;
    font-size: 18px;
    outline: none;
    text-decoration: none;
}
.right_dh li a::before{
    content: '';
    display: block;
    position: absolute;
    background: url(../others/sprite.png) no-repeat;
    width: 10px;
    height: 13px;
    top: 21px;
    background-position: -694px -113px;
    left: 50px;
}
.right_dh li a::after{
    content: '';
    display: block;
    position: absolute;
    background: url(../others/sprite.png) no-repeat;
    width: 10px;
    height: 13px;
    top: 21px;
    background-position: -714px -113px;
    right: 50px;
}
.right_dh li::after{
    content: '';
    display: block;
    width: 192px;
    height: 6px;
    background: url(../others/sprite.png) no-repeat -323px -743px;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -96px;
}
.right_dh li:last-child::after{
    display: none;
}





.kv {
    background: url(../others/kv.webp) no-repeat center;
    background-size: cover;
    min-width: 1300px;
    height: 1080px;
    position: relative;
}

.kv_contant {
    width: 100px;
    height: 130px;
    background: url(../others/sltips.png) no-repeat center;
    position: absolute;
    left: 30px;
    top: 200px;
    background-size: 100%;
    z-index: 1;
}

.kv_bg {
    min-width: 1300px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.kv_tanchuang {
    width: 863px;
    height: 498px;
    position: fixed;
    left: 50%;
    top: 350px;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: url(../others/PCkuang.png) no-repeat center;
    visibility: visible;
    display: none;
}

.kv_close {
    background: url(../others/showtipsclose.png) no-repeat center;
    color: #fff;
    font-size: 30px;
    display: block;
    float: right;
    height: 44px;
    line-height: 28px;
    width: 44px;
    text-align: center;
    z-index: 99999;
}

.kv_text {
    width: 700px;
    margin: 76px auto 0;
}

.kv_text ul {
    height: 316px;
    overflow-y: scroll;
}

.kv_tanchuang li {
    list-style: none;
    font-size: 16px;

}

.kv_tanchuang li p {
    text-indent: 2em;
}




/* 新闻 */

.news {
    padding: 92px 0 38px 0;
    margin: auto;
    width: 100%;
    min-width: 1300px;
}

.news_center {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: center;
}

.news_left {
    width: 532px;
    height: 283px;
}


.news_left_top {
    width: 100%;
    height: 38px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 18px;
    color: #636363;

}

.news_img1 {
    width: 233px;
    height: 100%;
    background: url(../others/news-title.png) no-repeat;
}

.news_left_top li {
    list-style: none;
    width: 55px;
    margin-bottom: 5px;
    text-align: center;
}

.news_left_top a {
    font-size: 13px;
    margin-bottom: 5px;
}

.news_active_1 {
    font-weight: bold;
}

.news_none {
    display: none !important;
}

.news_active_2 {
    display: block !important;
}

.news_hr {
    width: 100%;
    height: 0;
    border-top: 1px solid black;
}

.news_left_text_1 a:nth-child(1) {
    display: block;
    height: 31px;
    color: #a4693f;
    font-size: 23px;
    text-align: left;
    padding: 0 20px 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    font-weight: bold;
}

.news_none a {
    width: 100%;
    height: 20px;
    text-decoration: none;
    display: block;
    margin-top: 15px;
    color: #a4693f;
    font-size: 15px;
}

.news_none a:nth-child(1) {
    margin-top: 20px;
}

.news_none a span:nth-child(1) {
    text-align: left;
    display: block;
    float: left;
}

.news_none a span:nth-child(2) {
    text-align: left;
    display: block;
    float: left;
    margin-left: 10px;
    width: 383px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_none a span:nth-child(3) {
    float: right;
    margin-right: 30px;
}


.news_right {
    width: 504px;
    margin-left: 30px;
    height: 283px;
    /* position: relative; */
    text-align: right;
}

.news_right li {
    list-style: none;
    display: none;
    width: 504px;
    height: 283px;
}

.news_right img {
    width: 504px;
    height: 283px;
}

.news_right span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #c37d2e;
    opacity: 0.3;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 10px;
}

.news_active_3 {
    width: 33px !important;
    height: 23px !important;
    background: url(../others/sprite.png) no-repeat -719px -474px !important;
    opacity: 1 !important;

}



.mdml {
    width: 100%;
    min-width: 1300px;
    padding-top: 60px;
    height: 862px;
}

.mdml_tittle {
    margin: 0 auto;
    width: 860px;
    height: 98px;
    background: url(../others/sprite.png) no-repeat;
    color: rgba(0, 0, 0, 0);
    background-position: 0 -374px;
}

.mdml_center {
    width: 1300px;
    height: 570px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.mdml_ul1 {
    width: 63px;
    height: 399px;
    background: url(../others/border-left.png) no-repeat center/cover;
    position: absolute;
    top: 105px;
    left: 55px;
    list-style: none;
    text-align: center;
}

.mdml_ul1 li:nth-child(1) {
    width: 84px;
    height: 90px;
    position: absolute;
    cursor: pointer;
    top: 81px;
    left: -35px;
    background: url(../others/role-sprite.png) no-repeat;
    background-position: -441px -296px;
}

.mdml_ul1 li:nth-child(2) {
    position: absolute;
    cursor: pointer;
    width: 84px;
    height: 90px;
    background: url(../others/role-sprite.png) no-repeat;
    background-position: -207px -181px;
    top: 212px;
    left: -35px;
}

.mdml_active1 {
    top: 38px !important;
    left: -66px !important;
    width: 142px !important;
    height: 154px !important;
}

.mdml_active2 {
    width: 142px !important;
    height: 154px !important;
    top: 165px !important;
    left: -59px !important;
}


.mdml_center_img {
    width: 484px;
    height: 449px;
    background: url(../others/bg-circle.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -178px;
    margin-top: -190px;
    z-index: 0;
}

.mdml_div1 {
    width: 315px;
    position: absolute;
    top: 78px;
    left: 173px;
}

.mdml_li1 {
    color: rgba(0, 0, 0, 0);
    background: url(../others/role-sprite.png) no-repeat;
    width: 70px;
    background-position: -320px -88px;
    height: 70px;
}

.mdml_li2 {
    background: url(../others/sprite.png) no-repeat;
    width: 227px;
    height: 32px;
    background-position: -387px -950px;
    padding-left: 7px;
    text-align: left;
    margin: 7px 0 27px;
    line-height: 32px;
    font-size: 20px;
    color: #fff;
    font-weight: bolder;
    box-sizing: border-box;
}

.mdml_ul2 {
    list-style: none;
    font-weight: bolder;
    font-size: 16px;
}

.mdml_ul2 li {
    margin-bottom: 10px;
}

.mdml_ul2 span {
    font-weight: normal;
}

.mdml_c_img {
    width: 910px;
    display: block;
    height: 762px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.mdml_ul3 {
    list-style: none;
    width: 252px;
    height: 532px;
    background: url(../others/border-right.png) no-repeat center/cover;
    position: absolute;
    top: 45px;
    right: 205px;
}

.mdml_ul3 li {
    width: 200px;
    height: 79px;
    position: absolute;
}

.mdml_ul3 li:nth-child(1) {
    left: 204px;
    top: 45px;
}

.mdml_ul3 li:nth-child(2) {
    left: 250px;
    top: 120px;
}

.mdml_ul3 li:nth-child(3) {
    left: 278px;
    top: 200px;
}

.mdml_ul3 li:nth-child(4) {
    left: 284px;
    top: 283px;
}

.mdml_ul3 li:nth-child(5) {
    left: 260px;
    top: 364px;
}

.mdml_ul3 li:nth-child(6) {
    left: 205px;
    top: 428px;
}

.mdml_ul3 li i {
    display: block;
    width: 79px;
    height: 79px;
    background: url(../others/icon-skill-circle.png) no-repeat;
    overflow: hidden;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 5px;


}

.mdml_ul3 li i img {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 50%;
}

.mdml_ul3 li p {
    position: absolute;
    width: 85px;
    top: 50%;
    left: 90px;
    transform: translateY(-50%);
    text-align: center;
    font-size: 16px;
    color: #d79346;
}


.mdml_ul4 {
    width: 1300px;
    height: 146px;
    box-sizing: border-box;
    padding: 35px 38px 0;
    margin: -12px auto 0;
    background: url(../others/line1.png) no-repeat top;
    background-size: 100%;
    list-style: none;
    position: relative;
    z-index: 20;

}

.mdml_ul4 li {
    float: left;
    margin-left: 38px;
    width: 76px;
    height: 111px;
    cursor: pointer;
}

.mdml_ul4 li:nth-child(1) {
    margin-left: 0;
}

.mdml_ul4 li i {
    width: 76px;
    height: 76px;
    display: block;
}

.mdml_ul4 li p {
    font-size: 16px;
    color: #ca9f81;
    text-align: center;
    margin-top: 14px;
}

.on p {
    font-weight: bold;
    color: #b4703e !important;
}

.mdml_ul4 li:nth-child(1) i {
    background: url(../others/role-sprite.png) no-repeat;
    background-position: -916px -95px;
}

.mdml_ul4 li:nth-child(2) i {
    background: url(../others/role-sprite.png) no-repeat;
    background-position: -739px -93px;
}

.mdml_ul4 li:nth-child(3) i {
    background: url(../others/sprite.png) no-repeat;
    background-position: -10px -487px;
}

.mdml_ul4 li:nth-child(4) i {
    background: url(../others/sprite.png) no-repeat;
    background-position: -102px -489px;
}

.mdml_ul4 li:nth-child(5) i {
    background: url(../others/sprite.png) no-repeat;
    background-position: -189px -490px;
}

.mdml_ul4 li:nth-child(6) i {
    background: url(../others/sprite.png) no-repeat;
    background-position: -277px -488px;
}

.mdml_ul4 li:nth-child(7) i {
    background: url(../others/sprite.png) no-repeat;
    background-position: -369px -491px;
}

.mdml_ul4 li:nth-child(8) i {
    background: url(../others/sprite.png) no-repeat;
    background-position: -460px -488px;
}

.mdml_ul4 li:nth-child(9) i {
    background: url(../others/sprite.png) no-repeat;
    background-position: -546px -485px;
}

.mdml_ul4 li:nth-child(10) i {
    background: url(../others/sprite.png) no-repeat;
    background-position: -634px -489px;
}

.mdml_ul4 li:nth-child(11) i {
    background: url(../others/role-sprite.png) no-repeat;
    background-position: -519px -91px;
}

.on .mdml_b_img1 {
    background-position: -830px -95px !important;
}

.on .mdml_b_img2 {
    background-position: -636px -93px !important;
}

.on .mdml_b_img3 {
    background-position: -10px -573px !important;
}

.on .mdml_b_img4 {
    background-position: -102px -577px !important;
}

.on .mdml_b_img5 {
    background-position: -189px -580px !important;
}

.on .mdml_b_img6 {
    background-position: -277px -576px !important;
}

.on .mdml_b_img7 {
    background-position: -369px -577px !important;
}

.on .mdml_b_img8 {
    background-position: -460px -580px !important;
}

.on .mdml_b_img9 {
    background-position: -546px -577px !important;
}

.on .mdml_b_img10 {
    background-position: -634px -577px !important;
}

.on .mdml_b_img {
    background-position: -422px -91px !important;
}

.zqxd {
    width: 100%;
    min-width: 1300px;
    height: 1015px;
    position: relative;
    box-sizing: border-box;
    padding-top: 190px;

}

.zqxd h2 {
    background: url(../others/sprite.png) no-repeat;
    color: rgba(0, 0, 0, 0);
    background-position: 0 0;
    width: 819px;
    height: 93px;
    margin: 0 auto;
}

.zqxd_center {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    height: 713px;
    text-align: center;
}

.zqxd ul {
    width: 308px;
    height: 360px;
    box-sizing: border-box;
    padding: 1px 0px 0 45px;
    list-style: none;
    position: absolute;
    top: 190px;
    margin-left: 35px;

}

.zqxd li {
    height: 102px;
    width: 80px;
    margin: 0 3px 20px;
    float: left;
    position: relative;
    cursor: pointer;
}

.zqxd li img {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 11px;
}

.zqxd li p {
    text-align: center;
    color: #6e6e6e;
    font-size: 16px;
    line-height: 20px;
    margin-top: 2px;
    position: relative;
}

.zqxd_on {
    transform: scale(1.1);
}

.zqxd_on p {
    color: #b07537 !important;
    font-style: italic;
    font-weight: bolder;
}

.zqxd_on::before {
    content: '';
    background: url(../others/icon-swiper-on.png) no-repeat;
    background-size: cover;
    display: block;
    width: 81px;
    height: 81px;
    position: absolute;
    top: 0;
    left: 0;
}

.zqxd_on p::before {
    content: '';
    width: 11px;
    height: 19px;
    display: inline-block;
    position: absolute;
    top: 2px;
    background: url(../others/sprite.png) no-repeat -736px -113px;
    left: 0;
}

.zqxd_on p::after {
    content: '';
    width: 11px;
    height: 19px;
    display: inline-block;
    position: absolute;
    top: 2px;
    background: url(../others/sprite.png) no-repeat -763px -113px;
    right: 0;

}

.zqxd_name {
    font-size: 64px;
    color: #fff;
    position: absolute;
    top: 224px;
    left: 788px;
    text-shadow: 0 0 0.2em #af7537, 0 0 0.2em #af7537;
}

.zqxd_right::before {
    content: '';
    width: 806px;
    height: 401px;
    display: block;
    background: url(../others/roles-bg-right.png) no-repeat center/cover;
    position: absolute;
    z-index: -2;
    top: 163px;
    right: 50px;
}

.zqxd_text1 {
    width: 624px;
    height: 224px;
    position: absolute;
    top: 315px;
    right: 0;
    box-sizing: border-box;
    padding: 44px 135px 54px 115px;
    font-size: 15px;
    color: #fffbea;
    text-align: justify;
}

.zqxd_center1 {
    width: 100%;
    height: 765px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.zqxd_center1 img {
    width: 570px;
    height: 770px;
    position: absolute;
    top: 0;
    left: 280px;
}

.zqxd_bg {
    width: 368px;
    display: block !important;
    position: absolute;
    left: 0;
}

.zqxd_bg::before {
    content: '';
    width: 504px;
    height: 523px;
    display: block;
    background: url(../others/roles-bg-left.png) no-repeat center/cover;
    position: absolute;
    z-index: -2;
    top: 78px;
    left: -22px;
}


/* 冒险指南 */
.mxzn {
    width: 100%;
    min-width: 1300px;
}

.mxzn h2 {
    width: 694px;
    height: 94px;
    background: url(../others/sprite.png) no-repeat;
    background-position: 0 -94px;
    color: rgba(0, 0, 0, 0);
    margin: 0 auto;
}

.mxzn_center {
    width: 1300px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    overflow-x: hidden;
}

.mxzn ul {
    width: 1255px;
    margin: 40px auto 0;
    list-style: none;
}

.mxzn li {
    width: 113px;
    height: 314px;
    position: relative;
    cursor: pointer;
    margin-left: 10px;
    transition: width .3s;
    float: left;
    overflow: hidden;
}

.mxzn h3 {
    width: 113px;
    height: 314px;
    background: url(../others/sprite2.png) no-repeat;
    color: rgba(0, 0, 0, 0);
    display: block;
}

.mxzn li:nth-child(1) h3 {
    background-position: 0 -391px;
}

.mxzn li:nth-child(2) h3 {
    background-position: -113px -391px;
}

.mxzn li:nth-child(3) h3 {
    background-position: -226px -391px;
}

.mxzn li:nth-child(4) h3 {
    background-position: -339px -391px;
}

.mxzn li:nth-child(5) h3 {
    background-position: -453px -391px;
}

.mxzn_on h3 {
    width: 171px;
    height: 391px;
    position: absolute;
    left: 36px;
    bottom: 0;
}

.mxzn_on .mxzn_t1 {
    background-position: 0 0 !important;
}

.mxzn_on .mxzn_t2 {
    background-position: -174px 0 !important;
}

.mxzn_on .mxzn_t3 {
    background-position: -342px 0 !important;
}

.mxzn_on .mxzn_t4 {
    background-position: -513px 0 !important;
}

.mxzn_on .mxzn_t5 {
    background-position: -684px 0 !important;
}

.mxzn_on {
    width: 717px !important;
    height: 361px !important;
    background: url(../others/guide-bg.png) no-repeat center/cover;
    box-sizing: border-box;
    padding: 31px 36px 0 192px;
}

.mxzn_contant {
    width: 489px;
    position: absolute;
    top: 26px;
    left: 195px;
    /* display: none; */
}

.mxzn_contant_top {
    border-bottom: 1px solid #9e663c;
    height: 41px;
}

.mxzn_contant_top h4 {
    padding-left: 5px;
    text-align: center;
    position: relative;
    font-size: 20px;
    line-height: 34px;
    color: #9e663c;
    float: left;
}

.mxzn_contant_top a {
    float: right;
    width: 79px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #a4693f;
}

.mxzn_contant_text {
    opacity: 1;
    transition: opacity 0.5s ease 0s;

}

.mxzn_contant_text p:last-child {
    border-bottom: 0;
}

.mxzn_contant_text_p {
    border-bottom: 1px dotted #9e663c;
    padding: 13px 0;
    margin-top: 0;
    text-align: left;
    margin-bottom: 0;
}

.mxzn_contant_text_p a {
    text-decoration: none;
    appearance: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    box-sizing: border-box;
}

.mxzn_contant_text_p a span {
    color: #9e663c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
}

.mxzn_contant_text_p span:nth-child(1) {
    width: 71px;
}

.mxzn_contant_text_p span:nth-child(2) {
    width: 310px;
}

.mxzn_contant_text_p span:nth-child(3) {
    width: 39px;
}


/* 游戏特色 */
.yxts {
    margin-top: 185px;
    width: 100%;
    min-width: 1300px;
}
.yxts h2{
    width: 694px;
    height: 93px;
    background: url(../others/sprite.png) no-repeat;
    background-position: 0 -188px;
    color: rgba(0, 0, 0, 0);
    margin: 0 auto;
}
.yxts_center{
    width: 1300px;
    margin: 0 auto;
    position: relative;
}
.yxts_center a{
    width: 47px;
    height: 66px;
    position: absolute;
    top: 240px;
    background: url(../others/sprite.png) no-repeat;
}
.yxts_a1{
    background-position: -784px -657px !important;
    left: 55px;
}
.yxts_a2{
    background-position: -784px -733px !important;
    right: 55px;
}
.yxts_img{
    width: 990px;
    height: 558px;
    margin: 40px auto ;
    position: relative;
    overflow: hidden;
    direction: ltr;
}
.yxts_dh{
    width: 5940px;
    height: 558px;
    transform: translate3d(-990px,0px,0px );
    transition-duration: 0.3s;
}
.yxts_dh img{
    width: 990px;
    height: 558px;
    display: block;
    float: left;
}
.yxts_span{
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -101px;
    width: 202px;
    text-align: center;
    
}
.yxts span{
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #c37d2e;
        opacity: 0.3;
        display: inline-block;
        margin-left: 8px;
        vertical-align: middle;
        cursor: pointer;
}



.stsy{
    width: 100%;
    min-width: 1300px;
    box-sizing: border-box;
    height: 860px;
    margin-top: 64px;
    padding-top: 109px;
}
.stsy h2{
    background: url(../others/sprite.png) no-repeat;
    color: rgba(0, 0, 0, 0);
    background-position: 0 -281px;
    width: 694px;
    height: 83px;
    margin: 0 auto;
}
.stsy_center{
    width: 1300px;
    position: relative;
    margin: 5px auto 0;
}
.stsy_t{
    margin-top: 8px;
    padding-bottom: 5px;
    box-sizing: border-box;
    color: #a4693f;
    border-bottom: 1px solid #a4693f;
}
.stsy_t_l{
    margin-top: 12px;
    float: left;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    width: 146px;   
}
.stsy_t_r::before{
    content: '??????';
    float: left;
    font-size: 18px;
    line-height: 44px;
}
.stsy_t_r{
    width: 265px;
    margin-right: 20px;
    float: right;
    text-align: center;
}
.stsy_t_r>a{
    line-height: 44px;
    padding: 0;
    margin-left: 22px;
    display: block;
    width: auto;
    height: auto;
    border: 0;
    font-size: 13px;
    text-align: center;
    color: #a4693f;
    float: left;
}
.stsy_t_r_contant{
    float: left;
    text-align: center;

}
.stsy_t_r_contant a{
    width: 44px;
    height: 44px;
    display: inline-block;
    background: url(../others/sprite.png) no-repeat ;
    background-position:  -7px -740px;
}
.stsy_t_r_contant a:nth-child(2){
    background-position:  -116px -740px;
}
.stsy_t_r_contant a:nth-child(3){
    background-position:  -61px -740px;
}
.stsy_c_c{
    position: relative;
    width:1300px ;
    height: 580px;
}
.stsy_c_c ul{
    list-style: none;
}
.stsy_c_c li{
    transition: opacity 0.5s ease 0s; 
    position: absolute;
    overflow: hidden;
}
.stsy_c_c li img{
    display: block;
    transition: 1s;
}
/* .stsy_c_c li a{
    display: block;
    position: relative;
} */
.stsy_c_c li a::after{
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
}
.stsy_c_c li a:hover img{
    transform: scale(1.2);
}
.stsy_c_c li p{
    font-size: 26px;
    font-weight: bolder;
    color: #fff;
    position: absolute;
    left: 32px;
    bottom: 28px;
    max-width: 82%;
    z-index: 1;
}
.stsy_c_c1{
    width: 375px;
    height: 580px;
    top: 0;
    left: 50px;
}
.stsy_c_c1 a::after{
    width: 363px;
    height: 576px;
    background: url(../others/img-border1.png) no-repeat center/cover;

}
.stsy_c_c2{
    width: 801px;
    height: 287px;
    top: 0;
    right: 50px;
}
.stsy_c_c2 a::after{
    width: 788px;
    height: 283px;
    background: url(../others/img-border2.png) no-repeat center/cover;
}
.stsy_c_c3{
    width: 388px;
    height: 270px;
    bottom: 0;
    left: 449px;
}
.stsy_c_c3 a::after{
    width: 376px;
    height: 266px;
    background: url(../others/img-border3.png) no-repeat center/cover;
}
.stsy_c_c4{
    width: 388px;
    height: 270px;
    bottom: 0;
    right: 50px;
}
.stsy_c_c4 a::after{
    width: 376px;
    height: 266px;
    background: url(../others/img-border3.png) no-repeat center/cover;
}



.gfqd{
    width: 100%;
    min-width: 1300px;
    margin-top: 30px;
}
.gfqd_center{
    width: 1300px;
    margin: 0 auto;
}
.gfqd_center ul{
    width: 1300px;
    display: flex;
    justify-content: space-around;
    list-style: none;
}

.gfqd_center ul li{
    width: 273px;
    height: 176px;
    background: url(../others/qr-bg.png) no-repeat center/cover;
    position: relative;
    padding: 33px 0 0 18px;
    box-sizing: border-box;
}
.gfqd_liText{
    float: left;
}
.gfqd_liText h3{
    text-align: left;
    font-size: 26px;
    font-weight: bolder;
    background-image:  rgb(204, 135, 85);
    color: #a4693f;
    margin: 0;
}
.gfqd_liText p{
    font-size: 16px;
    color: #d5a887 !important;
    margin-top: 15px;
}
.gfqd_center ul li em{
    float: right;
    background: url(../others/sprite.png);
}
.gfqd_liText_em1{
    width: 86px;
    height: 71px;
    background-position: -768px -576px;
}
.gfqd_liText_em2{
    background-position: -768px -576px;
    width: 73px;
    height: 69px;
    background-position: -896px -474px;
}
.gfqd_liText_em3{
    width: 90px;
    height: 75px;
    background-position: -764px -474px;
}
.gfqd_liText_em4{
    width: 75px;
    height: 75px;
    background-position: -895px -572px;
}
.gfqd_img1{
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -70px;
    width: 140px;
    transition: 0.5s;
    opacity: 0;
    z-index: 5;
}
.gfqd_center li:nth-child(1):hover{
    background: none;
}
.gfqd_center li:nth-child(1):hover .gfqd_liText{
    opacity: 0;
}
.gfqd_center li:nth-child(4):hover{
    background: none;
}
.gfqd_center li:nth-child(4):hover .gfqd_liText{
    opacity: 1;
}
.gfqd_center li:hover gfqd_liText_em1{
   opacity: 1;
}
.gfqd_center li:hover gfqd_liText_em2{
    opacity: 1;
}
.gfqd_center li:hover img{
    margin-left: 50px;
    opacity: 1 ;
}
